<?php

/* @var $this yii\web\View */
use yii\helpers\Html;
use yii\helpers\Url;


$this->title = '高品';
?>

<!--
    	作者：732511064@qq.com
    	时间：2017-03-29
    	描述：轮播图
    -->
<section>

    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <script src="../js/jQuery-1.10.1.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>

    <div id="myCarousel" class="carousel slide" style="padding-top: 80px;height: 50%;" >
        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="../images/cike.jpg" alt="First slide" style="background: no-repeat;margin:auto;">
            </div>
            <div class="item">
                <img src="../images/dongman.jpg" alt="Second slide" style="background: no-repeat;margin:auto;">
            </div>
            <div class="item">
                <img src="../images/konglong.jpg" alt="Third slide" style="background: no-repeat;margin:auto;">
            </div>
        </div>
        <!-- 轮播（Carousel）导航 -->
        <a class="carousel-control left" href="#myCarousel"
           data-slide="prev">&lsaquo;</a>
        <a class="carousel-control right" href="#myCarousel"
           data-slide="next">&rsaquo;</a>
    </div>

</section>

<!--
    	作者：732511064@qq.com
    	时间：2017-03-29
    	描述：大图
    -->
<section style="text-align: center;margin-top:80px ;">

    <!--<div class="container">
        <div class="grid">
            <?php
    foreach($imgmodel as $k =>$v){?>

                    <figure class="effect-layla">
                        <?= Html::img( Yii::$app->request->hostInfo.'\\'.$v->url);?>

                        <figcaption>
                            <h2>这是 <span><?= $v->img_name ?></span></h2>
                            <p>

                                拍摄点：<?= $v->address ?>
                            </p>
                            <?= Html::a('',\yii\helpers\Url::to(['site/info','id'=>$v->id])) ?>
                        </figcaption>
                    </figure>

                <?}?>

        </div>
    </div>
    <div class="dianji">点击加载更多</div>-->
    <div class="grid">
        <figure class="effect-layla">
            <img src="../images/lianjin.jpg">
            <figcaption>

                <h2>这是 <span>11</span></h2>
                <p>aaa</p>
            </figcaption>
        </figure>
        <figure class="effect-honey">
            <img src="../images/captions.jpg">
            <figcaption>
                <h2>这是 <span>11</span></h2>
                <p>aaa</p>
            </figcaption>
        </figure>
    </div>

</section>

<section>

    <div class="xuanze">
        <div class="xuanze1">
            <div class="chuangyi"><a href="javascript:void(0)" class="cya">创意灵感</a></div>
            <div class="bianji"><a href="javascript:void(0)" class="bja">编辑之选</a></div>
            <div class="yingshi"><a href="javascript:void(0)" class="ysa">影视档案</a></div>
        </div>
        <div class="xuanzetu">
            <div class="grid">
                <figure class="effect-sadie">

                    <img src="../images/xiong.gif" alt="img02"/>

                    <figcaption>

                        <h2>gif <span>图</span></h2>

                        <p>好用的gif图<br>更多详情点击进入</p>

                        <a href="#">View more</a>

                    </figcaption>

                </figure>

                <figure class="effect-oscar">

                    <img src="../images/chengshi.jpg" alt="img08"/>

                    <figcaption>

                        <h2>城市美景</br> <span>更具独特</span></h2>

                        <p>你所忽略的身边景色</p>

                        <a href="#">View more</a>

                    </figcaption>
                </figure>

                <figure class="effect-marley">

                    <img src="../images/qiang.jpg" alt="img09"/>

                    <figcaption>

                        <h2>军事 <span>枪械</span></h2>

                        <p>各种现代武器</p>

                        <a href="#">View more</a>

                    </figcaption>

                </figure>
                <figure class="effect-roxy">

                    <img src="../images/qiche.jpg" alt="img03"/>

                    <figcaption>

                        <h2>汽车 <span>大全</span></h2>

                        <p>总有一款你欣赏的汽车</p>

                        <a href="#">View more</a>

                    </figcaption>

                </figure>

                <figure class="effect-chico">

                    <img src="../images/konglong.jpg" alt="img15"/>

                    <figcaption>

                        <h2>科幻 <span>惊险</span></h2>

                        <p>你所想象不到的世界</p>

                        <a href="#">View more</a>

                    </figcaption>

                </figure>
                <figure class="effect-lily">

                    <img src="../images/1489979016810.jpg" alt="img01"/>

                    <figcaption>

                        <h2>1980*1080 <span>大图</span></h2>

                        <p>更多清晰大图请点击查看</p>

                        <a href="#">View more</a>

                    </figcaption>

                </figure>
            </div>
        </div>

        <div class="xuanzetu2">
            <div class="grid">
                <figure class="effect-sadie">

                    <img src="../images/qipa.jpg" alt="img02"/>

                    <figcaption>

                        <h2>奇葩 <span>图</span></h2>

                        <p>搞笑 搞怪<br>更多详情点击进入</p>

                        <a href="#">View more</a>

                    </figcaption>

                </figure>

                <figure class="effect-oscar">

                    <img src="../images/lishi.jpg" alt="img08"/>

                    <figcaption>

                        <h2>历史</br> <span>古代的美</span></h2>

                        <p>你所不知的历史美图</p>

                        <a href="#">View more</a>

                    </figcaption>
                </figure>

                <figure class="effect-marley">

                    <img src="../images/yishu.jpg" alt="img09"/>

                    <figcaption>

                        <h2>艺术 <span>观感</span></h2>

                        <p>详情点击</p>

                        <a href="#">View more</a>

                    </figcaption>

                </figure>
                <figure class="effect-roxy">

                    <img src="../images/yinyue.jpg" alt="img03"/>

                    <figcaption>

                        <h2>音乐 <span>动人</span></h2>

                        <p>详情点击</p>

                        <a href="#">View more</a>

                    </figcaption>

                </figure>

                <figure class="effect-chico">

                    <img src="../images/jishi.jpg" alt="img15"/>

                    <figcaption>

                        <h2>纪实 <span></span></h2>

                        <p>你所不知的世界</p>

                        <a href="#">View more</a>

                    </figcaption>

                </figure>
                <figure class="effect-lily">

                    <img src="../images/tuijian.jpg" alt="img01"/>

                    <figcaption>

                        <h2>推荐精彩 <span>大图</span></h2>

                        <p>更多清晰大图请点击查看</p>

                        <a href="#">View more</a>

                    </figcaption>

                </figure>
            </div></div>

        <div class="xuanzetu3">
            <div class="grid">
                <figure class="effect-sadie">

                    <img src="../images/juzhao.jpg" alt="img02"/>

                    <figcaption>

                        <h2>剧照 <span>图</span></h2>

                        <p>影视剧照<br>更多详情点击进入</p>

                        <a href="#">View more</a>

                    </figcaption>

                </figure>

                <figure class="effect-oscar">

                    <img src="../images/IMG_2202.JPG" alt="img08"/>

                    <figcaption>

                        <h2></br> <span>明星</span></h2>

                        <p>明星姿态</p>

                        <a href="#">View more</a>

                    </figcaption>
                </figure>

                <figure class="effect-marley">

                    <img src="../images/jingdian.jpg" alt="img09"/>

                    <figcaption>

                        <h2>荧幕 <span>经典</span></h2>

                        <p>查看更多</p>

                        <a href="#">View more</a>

                    </figcaption>

                </figure>
                <figure class="effect-roxy">

                    <img src="../images/dianshiju.jpg" alt="img03"/>

                    <figcaption>

                        <h2>电视剧 <span>大全</span></h2>

                        <p>查看更多</p>

                        <a href="#">View more</a>

                    </figcaption>

                </figure>

                <figure class="effect-chico">

                    <img src="../images/dianying.jpg" alt="img15"/>

                    <figcaption>

                        <h2>电影 <span>海报</span></h2>

                        <p>各种精彩海报</p>

                        <a href="#">View more</a>

                    </figcaption>

                </figure>
                <figure class="effect-lily">

                    <img src="../images/chaoqingdianying.jpg" alt="img01"/>

                    <figcaption>

                        <h2>超清电影图 <span>大图</span></h2>

                        <p>更多清晰大图请点击查看</p>

                        <a href="#">View more</a>

                    </figcaption>

                </figure>
            </div></div>

    </div>
</section>
<section class="cta">
    <a href="#" class="cta_btn"><img src="../images/jiantou.png"></a>
</section>

<footer>

    <a href="#"><img src="../images/xiong.gif" alt="Crafty" style='width: 300px;'></a>

    <a href="http://weibo.com/u/2246322713?refer_flag=1001030201_"><p class="rights">黄梓泓设计 邮箱:732511064@qq.com</p></a>

</footer>

<!--<div>-->
<?php
//    foreach($imgmodel as $k =>$v)
//    {
//        echo Html::a(Html::img( Yii::$app->request->hostInfo.'\\'.$v->url,
//            ['width'=>373,'height'=>300]),
//            \yii\helpers\Url::to(['site/info','id'=>$v->id]),['style'=>'margin-right:5px']);
//        if (($k+1)%3==0)
//            echo "<div style='margin-bottom: 5px'></div>";
//    }
//
//?>
<!--</div>-->

<?//= $this->render('tab',['typedata'=>$typedata,'imgmodel'=>$imgmodel]) ?>

